$(document).ready(function(){
  $('.onlyActor').hide();
  $('.onlySpeaker').hide();

  isActor = false;
  isSpeaker = false;
  $('#isActor').change(function(){
    if(isActor == true)
    {
      $('.onlyActor').hide();
      isActor = false;
    }

    else
    {
      $('.onlyActor').show();
      isActor = true;
    }

  });

  $('#isSpeaker').change(function(){
    if(isSpeaker == true)
    {
      $('.onlySpeaker').hide();
      isSpeaker = false;
    }

    else
    {
      $('.onlySpeaker').show();
      isSpeaker = true;
    }

  });


alvoAcad = 0;
nextAlvoAcad = 1;

alvoCurso = 0;
nextAlvoCurso = 1;

alvoPort = 0;
nextAlvoPort = 1;

alvoExperiencia = 0;
nextAlvoExperiencia = 1;


  $("#addmoreAcademicos").click(function(){
    $('.alvoAcademicos[data-id='+alvoAcad+']').after('<div class="alvoAcademicos" data-id="'+nextAlvoAcad+'"> <div class="col-4"> <label> Escolaridade <select name="data[Formacao]['+nextAlvoAcad+'][escolaridade]" class="form-control" id="Formacao['+nextAlvoAcad+']Escolaridade"> <option value="0">Ensino Fundamental</option> <option value="1">Ensino Médio</option> <option value="2">Graduação</option> <option value="3">Pós-Graduação/Especialização</option> <option value="4">Pós-Graduação/Mestrado</option> <option value="5">Pós-Graduação/Doutorado</option></select>            </label> </div> <div class="col-4"> <label> Cidade <input name="data[Formacao]['+nextAlvoAcad+'][cidade]" class="form-control" type="text" id="FormacaoCidade">            </label> </div> <div class="col-4"> <label> Estado <input name="data[Formacao]['+nextAlvoAcad+'][estado]" class="form-control" type="text" id="FormacaoEstado">            </label> </div> <div class="col-4"> <label> Nome do Curso <input name="data[Formacao]['+nextAlvoAcad+'][curso]" class="form-control" type="text" id="Formacao0Curso">            </label> </div> <div class="col-2"> <label> Nome da Instituição <input name="data[Formacao]['+nextAlvoAcad+'][instituicao]" class="form-control" type="text" id="FormacaoInstituicao">            </label> </div> <div class="col-2"> <label> Ano de Conclusão <input name="data[Formacao]['+nextAlvoAcad+'][conclusao]" data-id="ano" class="form-control" type="text" id="FormacaoConclusao">            </label> </div> </div>');
    alvoAcad++;
    nextAlvoAcad++;
    if ( $('input[data-id=ano]').is(':visible')){
      $('input[data-id=ano]').mask("9999");
    }
  });

  $("#addmoreCursos").click(function(){
    $('.alvoCursos[data-id='+alvoCurso+']').after('<div class="alvoCursos" data-id="'+nextAlvoCurso+'" data-info="Cursos"> <div class="col-4"> <label> Nome do Curso <input name="data[Curso]['+nextAlvoCurso+'][curso]" class="form-control" type="text" id="Curso0Curso">      </label> </div> <div class="col-4"> <label> Nome da Instituição <input name="data[Curso]['+nextAlvoCurso+'][instituicao]" class="form-control" type="text" id="Curso0Instituicao">      </label> </div> <div class="col-4"> <label> Cidade <input name="data[Curso]['+nextAlvoCurso+'][cidade]" class="form-control" type="text" id="Curso0Cidade">      </label> </div> <div class="col-4"> <label> Estado <input name="data[Curso]['+nextAlvoCurso+'][estado]" class="form-control" type="text" id="Curso0Estado">      </label> </div> <div class="col-3"> <label> Status <select name="data[Curso]['+nextAlvoCurso+'][status]" class="form-control" id="Curso0Status"> <option value="0">Cursando</option> <option value="1">Completo</option> <option value="2">Incompleto</option> </select>      </label> </div> <div class="col-3"> <label> Carga horária <input name="data[Curso]['+nextAlvoCurso+'][carga_horaria]" class="form-control" type="text" id="Curso0CargaHoraria">      </label> </div> <div class="col-3"> <label> Ano de Conclusão <input name="data[Curso]['+nextAlvoCurso+'][conclusao]" data-id="ano" class="form-control" type="text" id="Curso0Conclusao">      </label> </div> </div>');
    alvoCurso++;
    nextAlvoCurso++;
    if ( $('input[data-id=ano]').is(':visible')){
      $('input[data-id=ano]').mask("9999");
    }
  });

  $("#addmorePort").click(function(){
    $('.alvoPort[data-id='+alvoPort+']').after('<div class="alvoPort" data-id="'+nextAlvoPort+'"> <input name="data[Portfolio]['+nextAlvoPort+'][url]" class="form-control portfolioLink" type="text" id="Portfolio0Url">        </div>');
    alvoPort++;
    nextAlvoPort++;
  });

  $("#addmoreExperiencia").click(function(){
    $('.alvoExperiencia[data-id='+alvoExperiencia+']').after('<div class="alvoExperiencia" data-id="'+nextAlvoPort+'"> <div class="col-3"> <label> Cargo <input name="data[Experiencia]['+nextAlvoPort+'][cargo]" class="form-control" maxlength="255" type="text" id="Experiencia0Cargo">      </label> </div> <div class="col-3"> <label> Cidade <input name="data[Experiencia]['+nextAlvoPort+'][cidade]" class="form-control" maxlength="255" type="text" id="Experiencia0Cidade">      </label> </div> <div class="col-3"> <label> Estado <input name="data[Experiencia]['+nextAlvoPort+'][estado]" class="form-control" maxlength="255" type="text" id="Experiencia0Estado">      </label> </div> <div class="col-3"> <label> Nome da Empresa <input name="data[Experiencia]['+nextAlvoPort+'][instituicao]" class="form-control" maxlength="255" type="text" id="Experiencia0Instituicao">      </label> </div> <div class="col-3"> <label> Início <input name="data[Experiencia]['+nextAlvoPort+'][inicio]" data-id="date" class="form-control" type="text" id="Experiencia0Inicio">      </label> </div> <div class="col-3"> <label> Término <input name="data[Experiencia]['+nextAlvoPort+'][fim]" data-id="date" class="form-control" type="text" id="Experiencia0Fim">      </label> </div> <div class="col-1"> <label> Tarefas realizadas <textarea name="data[Experiencia]['+nextAlvoPort+'][tarefas]" class="form-control tarefasRealizadas" cols="30" rows="6" id="Experiencia0Tarefas"></textarea>      </label> </div> </div>');
    alvoExperiencia++;
    nextAlvoExperiencia++;
    if ( $('input[data-id=date]').is(':visible')){
      $('input[data-id=date]').mask("99-99-9999");
    }
  });
});


$( document ).ready(function() {
  $(".imageAttachment").change(function() {
    //dataId = $(this).attr('id');
    //alert(dataId);
    //$("#Image1AttachmentPreview").html("<img src='"+$(this).val()+"'/>");

    var files = !!this.files ? this.files : [];
    if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support

      if (/^image/.test( files[0].type)){ // only image file
        var reader = new FileReader(); // instance of the FileReader
        reader.readAsDataURL(files[0]); // read the local file

        reader.onloadend = function(){ // set image data as background of div
          $(".text_upload_image picture").html("<img class='form_thumbnail' src='"+this.result+"'/>");
        }
      }
    });
  });
